<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Old School Cassette Player with HTML5 Audio</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0;">
        <meta name="description" content="Old School Cassette Player with HTML5 Audio: Vintage format meets modern web tech: an HTML5 audio player with realistic controls" />
        <meta name="keywords" content="cassette, audio, player, old school" />
        <meta name="author" content="Jason" />
        <link rel="stylesheet" type="text/css" href="custom/css/demo.css" />
        <link rel="stylesheet" type="text/css" href="custom/css/style.css" />
		<link rel="stylesheet" type="text/css" href="custom/css/knobKnob.css" />
        <link rel="stylesheet" type="text/css" href="lib/css/jquery.mobile-1.3.1.css" />
        <!--link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css' /-->
        <script type="text/javascript" src="lib/js/jquery-1.9.1.js"></script>
        <!--script type="text/javascript" src="lib/js/jquery.mobile-1.3.1.js"></script-->
        <!--script type="text/javascript" src="lib/js/cordova-2.7.0.js"></script-->
        <script type="text/javascript" src="custom/js/modernizr.custom.69142.js"></script>
        <!-- KnobKnob by Martin Angelov : https://github.com/martinaglv/KnobKnob -->
        <script src="custom/js/transform.js"></script>
        <script src="custom/js/knobKnob.jquery.js"></script>

        <script type="text/javascript" src="custom/js/jquery.cassette.js"></script>
    </head>
    <body>
        <div class="container">

			<div id="vc-container" class="vc-container">
				<div class="vc-tape-wrapper">
					<div class="vc-tape">
						<div class="vc-tape-back">
							<div class="vc-tape-wheel vc-tape-wheel-left"><div></div></div>
							<div class="vc-tape-wheel vc-tape-wheel-right"><div></div></div>
						</div>
						<div class="vc-tape-front vc-tape-side-a">
							<span>A</span>
						</div>
						<div class="vc-tape-front vc-tape-side-b">
							<span>B</span>
						</div>
					</div>
				</div>
				<div class="vc-loader"></div>
			</div><!-- //vc-container -->

		</div><!-- //container -->
		

		<script type="text/javascript">	
			$(function() {
				
				$( '#vc-container' ).cassette();
						
				});
		</script>
    </body>
</html>